!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@wix/image-kit"),require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[MediaPlayer_videoBox]",["imageClientApi","react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[MediaPlayer_videoBox]"]=t(require("@wix/image-kit"),require("react")):e["rb_wixui.thunderbolt[MediaPlayer_videoBox]"]=t(e.__imageClientApi__,e.React)}("undefined"!=typeof self?self:this,(function(e,t){return function(){var n={67740:function(e,t){"use strict";t.G6=t.w1=void 0;t.w1=e=>!!e&&!!e.document&&!!e.document.documentMode;t.G6=e=>{const t=n(e);return t.indexOf("safari")>-1&&t.indexOf("version")>-1};const n=e=>e&&e.navigator&&e.navigator.userAgent?e.navigator.userAgent.toLowerCase():""},42662:function(t){"use strict";t.exports=e},5329:function(e){"use strict";e.exports=t},448:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}},r={};function a(e){var t=r[e];if(void 0!==t)return t.exports;var o=r[e]={exports:{}};return n[e](o,o.exports,a),o.exports}a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.d=function(e,t){for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return function(){"use strict";a.r(o),a.d(o,{components:function(){return je}});var e=a(448),t=a.n(e),n=a(5329),r=a.n(n);function i(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=i(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}var s=function(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=i(e))&&(r&&(r+=" "),r+=t);return r};const u=()=>"undefined"!=typeof window,c=e=>Object.entries(e).reduce(((e,[t,n])=>(t.includes("data-")&&(e[t]=n),e)),{});const d="mesh-container-content",l="inline-content",m=e=>r().createElement("div",{key:e.props.id+"-rotated-wrapper","data-mesh-id":e.props.id+"-rotated-wrapper"},e),f=(e,n)=>{const{id:a,className:o,wedges:i=[],rotatedComponents:u=[],children:f,fixedComponents:h=[],extraClassName:p="",renderRotatedComponents:g=m}=e,v=r().Children.toArray(f()),E=[],y=[];v.forEach((e=>h.includes(e.props.id)?E.push(e):y.push(e)));const x=(e=>{const{wedges:t,rotatedComponents:n,childrenArray:a,renderRotatedComponents:o}=e,i=n.reduce(((e,t)=>({...e,[t]:!0})),{});return[...a.map((e=>{return i[(t=e,t.props.id.split("__")[0])]?o(e):e;var t})),...t.map((e=>r().createElement("div",{key:e,"data-mesh-id":e})))]})({childrenArray:y,rotatedComponents:u,wedges:i,renderRotatedComponents:g});return r().createElement("div",t()({},c(e),{"data-mesh-id":a+"inlineContent","data-testid":l,className:s(o,p),ref:n}),r().createElement("div",{"data-mesh-id":a+"inlineContent-gridContainer","data-testid":d},x),E)};var h=r().forwardRef(f);const p="wixui-",g=(e,...t)=>{const n=[];return e&&n.push(`${p}${e}`),t.forEach((e=>{e&&(n.push(`${p}${e}`),n.push(e))})),n.join(" ")};var v="HlRz5e",E=a(42662);const{STATIC_MEDIA_URL:y}=E,x=({fittingType:e,src:t,target:n,options:r})=>{const a=E.getPlaceholder(e,t,n,{...r,autoEncode:!0});return a?.uri&&!/^[a-z]+:/.test(a.uri)&&(a.uri=`${y}${a.uri}`),a},b=/^[a-z]+:/;var _=e=>{const{id:t,containerId:r,uri:a,alt:o,name:i="",role:s,width:u,height:c,displayMode:d,devicePixelRatio:l,quality:m,alignType:f,bgEffectName:h="",focalPoint:p,upscaleMethod:g,className:E="",crop:_,imageStyles:w={},targetWidth:R,targetHeight:C,targetScale:T,onLoad:S=(()=>{}),onError:A=(()=>{}),shouldUseLQIP:I,containerWidth:P,containerHeight:M,getPlaceholder:L,isInFirstFold:N,placeholderTransition:k,socialAttrs:D,isSEOBot:O,skipMeasure:F,lazyLoadImgExperimentOpen:V,hasAnimation:$,allowAnimatedTransform:U}=e,B=n.useRef(null);let j="";const G="blur"===k,H=n.useRef(null);if(!H.current)if(L||I||N||O){const e={upscaleMethod:g,...m||{},shouldLoadHQImage:N,isSEOBot:O,hasAnimation:$,allowAnimatedTransform:U};H.current=(L||x)({fittingType:d,src:{id:a,width:u,height:c,crop:_,name:i,focalPoint:p},target:{width:P,height:M,alignment:f,htmlTag:"img"},options:e}),j=!H.current.transformed||N||O?"":"true"}else H.current={uri:void 0,css:{img:{}},attr:{img:{},container:{}},transformed:!1};const K=!O&&(L||I)&&!N&&H.current.transformed,X=n.useMemo((()=>JSON.stringify({containerId:r,...r&&{containerId:r},...f&&{alignType:f},...F&&{skipMeasure:!0},displayMode:d,...P&&{targetWidth:P},...M&&{targetHeight:M},...R&&{targetWidth:R},...C&&{targetHeight:C},...T&&{targetScale:T},isLQIP:K,isSEOBot:O,lqipTransition:k,imageData:{width:u,height:c,uri:a,name:i,displayMode:d,hasAnimation:$,...m&&{quality:m},...l&&{devicePixelRatio:l},...p&&{focalPoint:p},..._&&{crop:_},...g&&{upscaleMethod:g}}})),[r,f,F,d,M,P,R,C,T,K,O,k,u,c,a,i,m,l,p,_,g,$]),z=H.current,W=z?.uri,q=z?.srcset,Y=z.css?.img,J=`${v} ${E}`;n.useEffect((()=>{const e=B.current;S&&e?.currentSrc&&e?.complete&&S({target:e})}),[]);const Q=z&&!z?.transformed?`max(${u}px, 100%)`:R?`${R}px`:null;return n.createElement("wow-image",{id:t,class:J,"data-image-info":X,"data-motion-part":"BG_IMG","data-bg-effect-name":h,"data-has-ssr-src":j,"data-animate-blur":!O&&K&&G?"":void 0,style:Q?{"--wix-img-max-width":Q}:{}},n.createElement("img",{src:W,ref:B,alt:o||"",role:s,style:{...Y,...w},onLoad:S,onError:A,...P&&{width:P},...M&&{height:M},...D,...N?{srcSet:q?.dpr?.map((e=>b.test(e)?e:`${y}${e}`)).join(", "),fetchpriority:"high"}:V?{loading:"lazy"}:{}}))};var w=e=>{var t,r,a;const{className:o,customIdPrefix:i,getPlaceholder:s,hasAnimation:u,...c}=e,d=n.useMemo((()=>JSON.stringify({containerId:c.containerId,alignType:c.alignType,fittingType:c.displayMode,hasAnimation:u,imageData:{width:c.width,height:c.height,uri:c.uri,name:c.name,...c.quality&&{quality:c.quality},displayMode:c.displayMode}})),[c,u]),l=n.useRef(null);l.current||(l.current=s?s({fittingType:c.displayMode,src:{id:c.uri,width:c.width,height:c.height,name:c.name},target:{width:c.containerWidth,height:c.containerHeight,alignment:c.alignType,htmlTag:"bg"},options:{hasAnimation:u}}):{uri:void 0,css:{img:{}},attr:{img:{},container:{}}});const m=l.current,f=null!=(t=null==m?void 0:m.uri)?t:"",h=null!=(r=null==(a=m.css)?void 0:a.container)?r:{},p=Object.assign(f?{backgroundImage:"url("+f+")"}:{},h);return n.createElement("wix-bg-image",{id:""+(i||"bgImg_")+c.containerId,class:o,style:p,"data-tiled-image-info":d,"data-has-bg-scroll-effect":c.hasBgScrollEffect||"","data-bg-effect-name":c.bgEffectName||""})};const R=new RegExp("<%= compId %>","g"),C=(e,t)=>e.replace(R,t);var T=e=>null==e?void 0:e.replace(":hover",""),S="bX9O_S",A="Z_wCwr",I="Jxk_UL",P="K8MSra",M="YTb3b4";const L={quality:{unsharpMask:{radius:.33,amount:1,threshold:0}},devicePixelRatio:1};var N=e=>{const{id:r,videoRef:a,videoInfo:o,posterImageInfo:i,muted:u,preload:c,loop:d,alt:l,isVideoEnabled:m,getPlaceholder:f,extraClassName:h=""}=e;o.containerId=T(o.containerId);const p=n.useMemo((()=>JSON.stringify(o)),[o]),g=n.createElement(n.Fragment,null,i.filterEffectSvgString&&n.createElement("svg",{id:"svg_"+o.containerId,className:M},n.createElement("defs",{dangerouslySetInnerHTML:{__html:C(i.filterEffectSvgString,o.containerId)}})),n.createElement(_,t()({key:o.videoId+"_img",id:i.containerId+"_img",className:s(A,I,"bgVideoposter",h),imageStyles:{width:"100%",height:"100%"}},i,L,{getPlaceholder:f})));return m?n.createElement("wix-video",{id:r,"data-video-info":p,class:s(S,"bgVideo",h)},n.createElement("video",{key:o.videoId+"_video",ref:a,id:o.containerId+"_video",className:P,crossOrigin:"anonymous","aria-label":l,playsInline:!0,preload:c,muted:u,loop:d,tabIndex:-1}),g):g},k="SUz0WK";var D=e=>{const{id:t,containerId:r,pageId:a,children:o,bgEffectName:i="",containerSize:s}=e;return n.createElement("wix-bg-media",{id:t,class:k,"data-container-id":r,"data-container-size":((null==s?void 0:s.width)||0)+", "+((null==s?void 0:s.height)||0),"data-page-id":a,"data-bg-effect-name":i,"data-motion-part":"BG_MEDIA"},o)};const O="bgOverlay";var F="m4khSP",V="FNxOn5";var $=e=>{const{imageOverlay:r}=e;return n.createElement("div",{"data-testid":O,className:F},r&&n.createElement(w,t()({customIdPrefix:"bgImgOverlay_",className:V},r)))};const U="bgLayers",B="colorUnderlay",j="mediaPadding",G="canvas";var H="MW5IWV",K="N3eg0s",X="Kv1aVt",z="dLPlxY",W="VgO9Yg",q="LWbAav",Y="yK6aSC",J="K_YxMd",Q="NGjcJN",Z="mNGsUM";const ee="bgImage";var te=e=>{const{videoRef:r,canvasRef:a,hasBgFullscreenScrollEffect:o,image:i,backgroundImage:u,backgroundMedia:c,video:d,backgroundOverlay:l,shouldPadMedia:m,extraClass:f="",shouldRenderUnderlay:h=!d,reducedMotion:p=!1,getPlaceholder:g}=e,{onImageLoad:v}=(e=>{let{onReady:t,image:r}=e;return(0,n.useEffect)((()=>{t&&!r&&t()}),[t,r]),{onImageLoad:e=>{null!=r&&r.onLoad&&r.onLoad(e),t&&t()}}})(e),E=T(e.containerId),y="img_"+T(E),x=i&&n.createElement(_,t()({id:y,className:s(X,z,Z,ee),imageStyles:{width:"100%",height:"100%"},getPlaceholder:g},i,{onLoad:v})),b=u&&n.createElement(w,t()({},u,{containerId:E,className:s(X,z,Z,ee),getPlaceholder:g})),R=d&&n.createElement(N,t()({id:"videoContainer_"+E},d,{extraClassName:Y,reducedMotion:p,videoRef:r,getPlaceholder:g})),C=n.createElement(n.Fragment,null,x,b,R,a&&n.createElement("canvas",{id:E+"webglcanvas",ref:a,className:s(J,"webglcanvas"),"aria-label":(null==d?void 0:d.alt)||"",role:"presentation","data-testid":G})),S=c?n.createElement(D,t()({id:"bgMedia_"+E},c),C):n.createElement("div",{id:"bgMedia_"+E,"data-motion-part":"BG_MEDIA",className:W},C),A=l&&n.createElement($,l);return n.createElement("div",{id:U+"_"+E,"data-hook":U,"data-motion-part":"BG_LAYER",className:s(H,f,{[K]:o})},h&&n.createElement("div",{"data-testid":B,className:s(q,X)}),m?n.createElement("div",{"data-testid":j,className:Q},S,A):n.createElement(n.Fragment,null,S,A))};const ne=u()?n.useLayoutEffect:n.useEffect;var re={root:"video-box"},ae="oYv3_8",oe="F9nckB",ie="wmoHxw",se="Iiblgf";const ue=13,ce=27,de=["Spacebar"," "],le=["Enter"];function me(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}me(32),me(ue),me(ce);var fe={init:function({gl:e,plane:t,effects:n,dimensions:r,noSource:a}){const o=function(e,t,n,r=!1){const a=r?null:{texture:Re(e).texture,buffer:null};a&&(e.bindTexture(e.TEXTURE_2D,a.texture),e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL,!0));const o=function(e,t,n=!1){return t.reduce(((e,t)=>{const{attributes:n=[],uniforms:r=[],textures:a=[],varying:o={}}=t,i=n=>Object.keys(t[n]||{}).forEach((r=>{"constant"===r||"main"===r||"source"===r?e[n][r]+=t[n][r]+"\n":e[n][r]={...e[n][r],...t[n][r]}}));return i("vertex"),i("fragment"),n.forEach((t=>{e.attributes.some((e=>{if(e.name===t.name)return Object.assign(e,t),!0}))||e.attributes.push(t)})),e.attributes.forEach((t=>{if(t.extends){if(!e.attributes.some((e=>{if(e.name===t.extends)return Object.assign(t,e,{name:t.name}),!0})))throw new Error(`Could not find attribute ${t.extends} to extend`)}})),e.uniforms.push(...r),e.textures.push(...a),Object.assign(e.vertex.varying,o),Object.assign(e.fragment.varying,o),e}),function(e,t){const n=t?[]:[{name:"u_source",type:"i",data:[0]}],r=[{name:"a_position",data:new Float32Array(be({xEnd:2,yEnd:2,factor:1},e)),size:2,type:"FLOAT"}];t||r.push({name:"a_texCoord",data:new Float32Array(be({xEnd:1,yEnd:1,factor:0},e)),size:2,type:"FLOAT"});return{vertex:{uniform:{},attribute:{},varying:{},constant:"",main:""},fragment:{uniform:{},varying:{},constant:"",main:"",source:""},attributes:r,uniforms:n,textures:[]}}(e,n))}(t,n,r),i=_e(o.vertex,r?he:pe),s=_e(o.fragment,r?ge:ve),{program:u,vertexShader:c,fragmentShader:d,error:l,type:m}=function(e,t,n){const r=we(e,e.VERTEX_SHADER,t),a=we(e,e.FRAGMENT_SHADER,n);if(r.error)return r;if(a.error)return a;return function(e,t,n){const r=e.createProgram();e.attachShader(r,t),e.attachShader(r,n),e.linkProgram(r);const a=e.getProgramParameter(r,e.LINK_STATUS);if(a)return{program:r,vertexShader:t,fragmentShader:n};const o={error:e.getProgramInfoLog(r),type:"program"};return e.deleteProgram(r),o}(e,r,a)}(e,i,s);if(l)throw new Error(`${m} error:: ${l}\n${m===ye.fragment?s:i}`);let f,h;try{f=e.getExtension("OES_vertex_array_object"),h=f.createVertexArrayOES(),f.bindVertexArrayOES(h)}catch(e){}const p=function(e,t,n){return(n||[]).map((n=>{const{location:r,buffer:a}=function(e,t,n,r){const a=e.getAttribLocation(t,n),o=e.createBuffer();return e.bindBuffer(e.ARRAY_BUFFER,o),e.bufferData(e.ARRAY_BUFFER,r,e.STATIC_DRAW),{location:a,buffer:o}}(e,t,n.name,n.data);return{name:n.name,location:r,buffer:a,type:n.type,size:n.size}}))}(e,u,o.attributes);h&&(Ce(e,p),f.bindVertexArrayOES(null));const g=function(e,t,n){return(n||[]).map((n=>({location:e.getUniformLocation(t,n.name),size:n.size||n.data.length,type:n.type,data:n.data})))}(e,u,o.uniforms);return{extensions:{vao:f},program:u,vertexShader:c,fragmentShader:d,source:a,attributes:p,uniforms:g,textures:o.textures,vao:h}}(e,t,n,a);return{gl:e,data:o,dimensions:r||{}}},draw:function(e,t={},n,r,a){const{program:o,source:i,attributes:s,uniforms:u,textures:c,extensions:d,vao:l}=r,{xSegments:m=1,ySegments:f=1}=t;n&&i&&i.texture&&(e.bindTexture(e.TEXTURE_2D,i.texture),e.texImage2D(e.TEXTURE_2D,0,e.RGBA,e.RGBA,e.UNSIGNED_BYTE,n));e.useProgram(o),l?d.vao.bindVertexArrayOES(l):Ce(e,s);!function(e,t){(t||[]).forEach((t=>{let{size:n,type:r,location:a,data:o}=t;"i"===r&&(o=new Int32Array(o)),e[`uniform${n}${r}v`](a,o)}))}(e,u);let h=e.TEXTURE0;i&&(e.activeTexture(h),e.bindTexture(e.TEXTURE_2D,i.texture),h=e.TEXTURE1);if(c)for(let t=0;t<c.length;t++){e.activeTexture(h+t);const n=c[t];e.bindTexture(e.TEXTURE_2D,n.texture),n.update&&e.texImage2D(e.TEXTURE_2D,0,e[n.format],e[n.format],e.UNSIGNED_BYTE,n.data)}e.drawArrays(e.TRIANGLES,0,6*m*f)},destroy:function(e,t){const{program:n,vertexShader:r,fragmentShader:a,source:o,attributes:i,extensions:s,vao:u}=t;(i||[]).forEach((t=>e.deleteBuffer(t.buffer))),u&&s.vao.deleteVertexArrayOES(u);o&&o.texture&&e.deleteTexture(o.texture);e.deleteProgram(n),e.deleteShader(r),e.deleteShader(a)},resize:function(e,t){const n=e.canvas,{width:r,height:a}=t||{};let o,i;r&&a?(o=r,i=a):(o=Math.floor(1*n.clientWidth),i=Math.floor(1*n.clientHeight));n.width===o&&n.height===i||(n.width=o,n.height=i);e.viewport(0,0,e.drawingBufferWidth,e.drawingBufferHeight)},getWebGLContext:function(e){let t;const n={preserveDrawingBuffer:!1,antialias:!1,depth:!1,stencil:!1};if(t=e.getContext("webgl",n),t)xe=!0;else{if(xe)return null;t=e.getContext("experimental-webgl",n)}return t},createTexture:Re};const he=({uniform:e="",attribute:t="",varying:n="",constant:r="",main:a=""})=>`\nprecision highp float;\n${e}\n${t}\nattribute vec2 a_position;\n${n}\n\nconst vec3 lumcoeff = vec3(0.2125, 0.7154, 0.0721);\n${r}\nvoid main() {\n    ${a}\n    gl_Position = vec4(a_position.xy, 0.0, 1.0);\n}`,pe=({uniform:e="",attribute:t="",varying:n="",constant:r="",main:a=""})=>`\nprecision highp float;\n${e}\n${t}\nattribute vec2 a_texCoord;\nattribute vec2 a_position;\n${n}\nvarying vec2 v_texCoord;\n\nconst vec3 lumcoeff = vec3(0.2125, 0.7154, 0.0721);\n${r}\nvoid main() {\n    v_texCoord = a_texCoord;\n    ${a}\n    gl_Position = vec4(a_position.xy, 0.0, 1.0);\n}`,ge=({uniform:e="",varying:t="",constant:n="",main:r="",source:a=""})=>`\nprecision highp float;\n${t}\n${e}\n\nconst vec3 lumcoeff = vec3(0.2125, 0.7154, 0.0721);\n${n}\nvoid main() {\n    ${a}\n    vec3 color = vec3(0.0);\n    float alpha = 1.0;\n    ${r}\n    gl_FragColor = vec4(color, 1.0) * alpha;\n}`,ve=({uniform:e="",varying:t="",constant:n="",main:r="",source:a=""})=>`\nprecision highp float;\n${t}\nvarying vec2 v_texCoord;\n${e}\nuniform sampler2D u_source;\n\nconst vec3 lumcoeff = vec3(0.2125, 0.7154, 0.0721);\n${n}\nvoid main() {\n    vec2 sourceCoord = v_texCoord;\n    ${a}\n    vec4 pixel = texture2D(u_source, sourceCoord);\n    vec3 color = pixel.rgb;\n    float alpha = pixel.a;\n    ${r}\n    gl_FragColor = vec4(color, 1.0) * alpha;\n}`,Ee={stretch:"CLAMP_TO_EDGE",repeat:"REPEAT",mirror:"MIRRORED_REPEAT"},ye={vertex:"VERTEX",fragment:"FRAGMENT"};let xe=!1;function be({xEnd:e,yEnd:t,factor:n},r={}){const{xSegments:a=1,ySegments:o=1}=r,i=[];for(let r=0;r<a;r++)for(let s=0;s<o;s++)i.push(e*r/a-n,t*s/o-n),i.push(e*r/a-n,t*(s+1)/o-n),i.push(e*(r+1)/a-n,t*s/o-n),i.push(e*(r+1)/a-n,t*s/o-n),i.push(e*r/a-n,t*(s+1)/o-n),i.push(e*(r+1)/a-n,t*(s+1)/o-n);return i}function _e(e,t){return t(Object.entries(e).reduce(((e,[t,n])=>(["uniform","attribute","varying"].includes(t)?e[t]=Object.entries(n).reduce(((e,[n,r])=>e+`${t} ${r} ${n};\n`),""):e[t]=n,e)),{}))}function we(e,t,n){const r=e.createShader(t);e.shaderSource(r,n),e.compileShader(r);if(e.getShaderParameter(r,e.COMPILE_STATUS))return r;const a={error:e.getShaderInfoLog(r),type:t===e.VERTEX_SHADER?ye.vertex:ye.fragment};return e.deleteShader(r),a}function Re(e,{width:t=1,height:n=1,data:r=null,format:a="RGBA",wrap:o="stretch"}={}){const i=e.createTexture();return e.bindTexture(e.TEXTURE_2D,i),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e[Te(o.x||o)]),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e[Te(o.y||o)]),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.NEAREST),r?e.texImage2D(e.TEXTURE_2D,0,e[a],e[a],e.UNSIGNED_BYTE,r):e.texImage2D(e.TEXTURE_2D,0,e[a],t,n,0,e[a],e.UNSIGNED_BYTE,null),{texture:i,width:t,height:n,format:a}}function Ce(e,t){(t||[]).forEach((t=>{const{location:n,buffer:r,size:a,type:o}=t;e.enableVertexAttribArray(n),e.bindBuffer(e.ARRAY_BUFFER,r),e.vertexAttribPointer(n,a,e[o],!1,0,0)}))}function Te(e){return Ee[e]||Ee.stretch}class Se{constructor(e){if(!e||!e.target)throw new Error("A target canvas was not provided");if(Se.preventContextCreation)throw new Error("Context creation is prevented");this._contextCreationError=function(){Se.preventContextCreation=!0,e&&e.onContextCreationError&&e.onContextCreationError.call(this,e)},e.target.addEventListener("webglcontextcreationerror",this._contextCreationError,!1);if(!this.init(e))throw new Error("Could not create context");this._restoreContext=t=>{t&&t.preventDefault(),this.config.target.removeEventListener("webglcontextrestored",this._restoreContext,!0);return!!this.init()&&(this._source&&this.setSource(this._source),delete this._source,e&&e.onContextRestored&&e.onContextRestored.call(this,e),!0)},this._loseContext=t=>{t.preventDefault(),this.gl&&this.gl.isContextLost()&&(this.lostContext=!0,this.config.target.addEventListener("webglcontextrestored",this._restoreContext,!0),this.destroy(!0),e&&e.onContextLost&&e.onContextLost.call(this,e))},this.config.target.addEventListener("webglcontextlost",this._loseContext,!0)}init(e){e=e||this.config;let{target:t,plane:n,effects:r,ticker:a,noSource:o}=e;if(Se.preventContextCreation)return!1;this.lostContext=!1;let i=fe.getWebGLContext(t);if(!i)return!1;if(i.isContextLost()){if(!this.restoreContext())return!1;if(i=fe.getWebGLContext(this.config.target),!i)return!1}const{x:s=1,y:u=1}=n&&n.segments?"object"==typeof n.segments?n.segments:{x:n.segments,y:n.segments}:{};this.plane={xSegments:s,ySegments:u};const{data:c}=fe.init({gl:i,plane:this.plane,effects:r,dimensions:this.dimensions,noSource:o});return this.gl=i,this.data=c,this.config=e,a&&(this.ticker=a,a.add(this)),!0}setSource(e){if(!e)return;if(this.lostContext){if(!this.restoreContext())return}let t,n,r;"[object Object]"===Object.prototype.toString.call(e)?({media:t,width:n,height:r}=e):t=e,n&&r&&(this.dimensions={width:n,height:r}),fe.resize(this.gl,this.dimensions),this._createTextures(),this.media=t}draw(e){if(this.lostContext){if(!this.restoreContext())return}const t=this.config.beforeDraw;t&&!1===t(e)||fe.draw(this.gl,this.plane,this.media,this.data,this.dimensions)}play(e){if(this.config.beforeDraw=e,this.ticker)this.animationFrameId&&this.stop(),this.playing||(this.playing=!0,this.ticker.add(this));else if(!this.animationFrameId){const e=t=>{this.animationFrameId=window.requestAnimationFrame(e),this.draw(t)};this.animationFrameId=window.requestAnimationFrame(e)}}stop(){this.animationFrameId&&(window.cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null),this.playing&&(this.playing=!1,this.ticker.remove(this))}destroy(e){if(this.stop(),this.gl&&this.data&&fe.destroy(this.gl,this.data),e){const e=this.dimensions||{};this._source=this._source||{media:this.media,width:e.width,height:e.height}}else this.config&&(this.config.target.removeEventListener("webglcontextlost",this._loseContext,!0),this.config.target.removeEventListener("webglcontextcreationerror",this._contextCreationError,!1)),this.config=null,this.dimensions=null;this.gl=null,this.data=null,this.media=null}restoreContext(){if(Se.preventContextCreation)return!1;const e=this.config.target,t=this.config.target.cloneNode(!0),n=e.parentNode;return n&&n.replaceChild(t,e),this.config.target=t,e.removeEventListener("webglcontextlost",this._loseContext,!0),e.removeEventListener("webglcontextrestored",this._restoreContext,!0),e.removeEventListener("webglcontextcreationerror",this._contextCreationError,!1),t.addEventListener("webglcontextlost",this._loseContext,!0),t.addEventListener("webglcontextcreationerror",this._contextCreationError,!1),!this.lostContext||this._restoreContext()}_createTextures(){this.data&&this.data.textures.forEach(((e,t)=>{const n=this.data.textures[t];n.texture=fe.createTexture(this.gl,{width:this.dimensions.width,height:this.dimensions.height,format:e.format,data:e.data,wrap:e.wrap}).texture,n.format=e.format,n.update=e.update}))}}var Ae={effects:{brightnessContrast:function({brightness:e=1,contrast:t=1}={}){return{fragment:{uniform:{u_brEnabled:"bool",u_ctEnabled:"bool",u_contrast:"float",u_brightness:"float"},constant:"const vec3 half3 = vec3(0.5);",main:"\n    if (u_brEnabled) {\n        color *= u_brightness;\n    }\n\n    if (u_ctEnabled) {\n        color = (color - half3) * u_contrast + half3;\n    }\n\n    color = clamp(color, 0.0, 1.0);"},get brightness(){return this.uniforms[2].data[0]},set brightness(e){this.uniforms[2].data[0]=parseFloat(Math.max(0,e))},get contrast(){return this.uniforms[3].data[0]},set contrast(e){this.uniforms[3].data[0]=parseFloat(Math.max(0,e))},get brightnessDisabled(){return!this.uniforms[0].data[0]},set brightnessDisabled(e){this.uniforms[0].data[0]=+!e},get contrastDisabled(){return!this.uniforms[1].data[0]},set contrastDisabled(e){this.uniforms[1].data[0]=+!e},uniforms:[{name:"u_brEnabled",type:"i",data:[1]},{name:"u_ctEnabled",type:"i",data:[1]},{name:"u_brightness",type:"f",data:[e]},{name:"u_contrast",type:"f",data:[t]}]}},hueSaturation:function({hue:e=0,saturation:t=1}={}){return{vertex:{uniform:{u_hue:"float",u_saturation:"float"},constant:"\nconst mat3 lummat = mat3(\n    lumcoeff,\n    lumcoeff,\n    lumcoeff\n);\nconst mat3 cosmat = mat3(\n    vec3(0.787, -0.715, -0.072),\n    vec3(-0.213, 0.285, -0.072),\n    vec3(-0.213, -0.715, 0.928)\n);\nconst mat3 sinmat = mat3(\n    vec3(-0.213, -0.715, 0.928),\n    vec3(0.143, 0.140, -0.283),\n    vec3(-0.787, 0.715, 0.072)\n);\nconst mat3 satmat = mat3(\n    vec3(0.787, -0.715, -0.072),\n    vec3(-0.213, 0.285, -0.072),\n    vec3(-0.213, -0.715, 0.928)\n);",main:"\n    float angle = (u_hue / 180.0) * 3.14159265358979323846264;\n    v_hueRotation = lummat + cos(angle) * cosmat + sin(angle) * sinmat;\n    v_saturation = lummat + satmat * u_saturation;"},fragment:{uniform:{u_hueEnabled:"bool",u_satEnabled:"bool",u_hue:"float",u_saturation:"float"},main:"\n    if (u_hueEnabled) {\n        color = vec3(\n            dot(color, v_hueRotation[0]),\n            dot(color, v_hueRotation[1]),\n            dot(color, v_hueRotation[2])\n        );\n    }\n\n    if (u_satEnabled) {\n        color = vec3(\n            dot(color, v_saturation[0]),\n            dot(color, v_saturation[1]),\n            dot(color, v_saturation[2])\n        );\n    }\n\n    color = clamp(color, 0.0, 1.0);"},varying:{v_hueRotation:"mat3",v_saturation:"mat3"},get hue(){return this.uniforms[2].data[0]},set hue(e){this.uniforms[2].data[0]=parseFloat(e)},get saturation(){return this.uniforms[3].data[0]},set saturation(e){this.uniforms[3].data[0]=parseFloat(Math.max(0,e))},get hueDisabled(){return!this.uniforms[0].data[0]},set hueDisabled(e){this.uniforms[0].data[0]=+!e},get saturationDisabled(){return!this.uniforms[1].data[0]},set saturationDisabled(e){this.uniforms[1].data[0]=+!e},uniforms:[{name:"u_hueEnabled",type:"i",data:[1]},{name:"u_satEnabled",type:"i",data:[1]},{name:"u_hue",type:"f",data:[e]},{name:"u_saturation",type:"f",data:[t]}]}},duotone:function({dark:e=[.7411764706,.0431372549,.568627451,1],light:t=[.9882352941,.7333333333,.05098039216,1]}={}){return{fragment:{uniform:{u_duotoneEnabled:"bool",u_light:"vec4",u_dark:"vec4"},main:"\n    if (u_duotoneEnabled) {\n        vec3 gray = vec3(dot(lumcoeff, color));\n        color = mix(u_dark.rgb, u_light.rgb, gray);\n    }"},get light(){return this.uniforms[1].data.slice(0)},set light(e){e.forEach(((e,t)=>{Number.isNaN(e)||(this.uniforms[1].data[t]=e)}))},get dark(){return this.uniforms[2].data.slice(0)},set dark(e){e.forEach(((e,t)=>{Number.isNaN(e)||(this.uniforms[2].data[t]=e)}))},get disabled(){return!this.uniforms[0].data[0]},set disabled(e){this.uniforms[0].data[0]=+!e},uniforms:[{name:"u_duotoneEnabled",type:"i",data:[1]},{name:"u_light",type:"f",data:t},{name:"u_dark",type:"f",data:e}]}},transparentVideo:function(){return{vertex:{uniform:{u_texOffset:"vec2"},main:"v_texAlphaCoord = v_texCoord + u_texOffset;"},fragment:{uniform:{u_tvEnabled:"bool"},main:"\n    if (u_tvEnabled) {\n        alpha *= dot(lumcoeff, texture2D(u_source, v_texAlphaCoord).rgb);\n\n        // transform alpha values from sRGB source to linearRGB - this cleans up the rim from the result\n        float linear;\n        if (alpha <= 0.04045) {\n            linear = alpha / 12.92;\n        }\n        else {\n            linear = pow((alpha + 0.055) / 1.055, 2.4);\n        }\n\n        alpha = linear;\n\n        if (alpha < 0.04) {\n            alpha = 0.0;\n        }\n        else if (alpha > 0.96) {\n            alpha = 1.0;\n        }\n    }"},get disabled(){return!this.uniforms[0].data[0]},set disabled(e){this.uniforms[0].data[0]=+!e},varying:{v_texAlphaCoord:"vec2"},uniforms:[{name:"u_tvEnabled",type:"i",data:[1]},{name:"u_texOffset",type:"f",data:[0,-.5]}],attributes:[{name:"a_texCoord",data:new Float32Array([0,.5,0,1,1,.5,1,.5,0,1,1,1]),size:2,type:"FLOAT"}]}}},Kampos:Se},Ie=a(67740);const{Kampos:Pe,effects:Me}=Ae;Pe.prototype.getRequestFrame=function(){return"requestVideoFrameCallback"in HTMLVideoElement.prototype?e=>this.media.requestVideoFrameCallback(e):window.requestAnimationFrame},Pe.prototype.play=function(){if(!this.animationFrameId){const e=this.getRequestFrame(),t=()=>{const n=this.media;this.animationFrameId=e(t),n&&n.readyState>=n.HAVE_CURRENT_DATA&&(!n.paused&&!n.ended||this._needsRedraw)&&(this._needsRedraw=!1,this.draw())};this.animationFrameId=e(t)}};function Le(e){const t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return t?[parseInt(t[1],16)/255,parseInt(t[2],16)/255,parseInt(t[3],16)/255,1]:e}const Ne=function(e){void 0===e&&(e={});const t=[Me.transparentVideo()],n="brightness"in e,r="contrast"in e;if(n||r){const a=Me.brightnessContrast();n&&(a.brightness=e.brightness),r&&(a.contrast=e.contrast),t.push(a)}if(e.duotoneDark&&e.duotoneLight){const n=Me.duotone();n.dark=Le(e.duotoneDark),n.light=Le(e.duotoneLight),t.push(n)}const a="hue"in e,o="saturation"in e;if(a||o){const n=Me.hueSaturation();a&&(n.hue=e.hue),o&&(n.saturation=e.saturation),t.push(n)}return t},ke=e=>e.readyState>=e.HAVE_CURRENT_DATA,De={count:0,set:new Set,add(e){return!!De.set.has(e)||De.set.size<8&&(De.set.add(e),De.count=De.set.size,!0)},remove(e){De.set.delete(e),De.count=De.set.size}};const Oe=!(!u()||window.CSS&&window.CSS.supports("(mask-repeat: no-repeat) or (-webkit-mask-repeat: no-repeat)")),Fe=u()&&Ie.w1(window);var Ve=e=>{var r;const{id:a,className:o,customClassNames:i=[],translations:d,mediaControls:l,containerRootClassName:m,compRef:f,fillLayers:h,reducedMotion:p=!1,isMobileView:v,audioEnabled:E,hasAudio:y,hasAudioRollIn:x,muted:b,autoplay:_,canReplay:w,hasMask:R,animatePoster:C,filterEffect:T,isTransparent:S=!1,alt:A,updateState:I,onPlay:P,onPause:M,onEnded:L,onProgress:N,getPlaceholder:k,shouldShowTransparentVideoPosterOnStop:D}=e,O=n.useRef(null),F=n.useRef(null),V=n.useRef(null),$=n.useRef(null),U=n.useRef(null),B=n.useRef(null),j=n.createRef(),[G,H]=n.useState(p);n.useEffect((()=>{H(p)}),[p]);const K=_&&!G,X=G||e.hasClick,z=G||e.canClickPause,W=!G&&e.hasRollIn,q=!G&&e.canRollPause,Y=n.useCallback((e=>{var t,n;if(!I)return;const r="on"!==(null==(t=O.current)?void 0:t.dataset.audio),a=+((null==(n=O.current)?void 0:n.dataset.volume)||1),o=e||{paused:!0,currentTime:0,duration:0,volume:a,muted:r};I({isPlaying:!o.paused,currentTime:o.currentTime||0,duration:o.duration||0,volume:100*a,isMuted:r,shouldPlay:_}),e&&(e.volume=a)}),[_,I]),[J,Q]=n.useState(!S||!Fe),[Z,ee]=n.useState(!!S&&!J),ue=!(!R||!Oe),ce=n.useMemo((()=>J&&!Z),[J,Z]),me=n.useRef(null);S&&J&&!me.current&&(me.current=function(e){let{filterEffect:t,playerRef:n,videoRef:r,canvasRef:a,contextRef:o,kampos:i,setCanPlayTV:s}=e,u=!1,c=!1;function d(){r.current&&n.current&&(r.current.removeEventListener("seeked",d),n.current.dataset.showCanvas="",c=!0)}const l={initKampos(){try{i.current=new Pe({target:a.current,effects:Ne(t||{}),onContextLost:()=>{const e=i.current._source&&i.current._source.media;e&&(e.ended||e.paused)&&(i.current._needsRedraw=!0),this.stopKampos(),u&&this.playKampos()}}),i.current.hasContext=!0}catch(e){return De.remove(o),s(!1),void(c&&l.showPoster())}if(!r.current)return;const e=()=>{var t;r.current&&(i.current.setSource({width:(t=r.current)&&t.videoWidth||0,height:t&&t.videoHeight/2||0,media:t}),l.playKampos(),r.current.removeEventListener("loadeddata",e,!1))};ke(r.current)?e():r.current.addEventListener("loadeddata",e,!1)},playKampos(){if(!n.current||!a.current)return;let e;e=i.current?i.current.hasContext||De.add(o):!Pe.preventContextCreation&&De.add(o),e?i.current&&i.current.config?(i.current.lostContext&&i.current.restoreContext(),i.current.hasContext=!0,i.current.play(),!c&&i.current.media&&ke(i.current.media)&&"playing"in n.current.dataset&&l.removePoster()):l.initKampos():c&&l.showPoster()},stopKampos(){De.remove(o),i.current.hasContext=!1,i.current.stop()},killKampos(){var e;i.current&&(l.stopKampos(),i.current.destroy()),null==(e=r.current)||e.removeEventListener("seeked",d)},removePoster(){const e=r.current,t=n.current;!c&&t&&e&&i.current&&((e.paused||e.ended||i.current._needsRedraw)&&(i.current._needsRedraw=!1,i.current.draw()),e.addEventListener("seeked",d),e.currentTime=0)},showPoster(){n.current&&r.current&&(delete n.current.dataset.showCanvas,c=!1)},onViewEnter(){u=!0,l.playKampos()},onViewLeave(){u=!1,i.current&&i.current.hasContext&&l.stopKampos()}};return l}({filterEffect:T,playerRef:O,videoRef:F,canvasRef:V,contextRef:j,kampos:B,setCanPlayTV:Q}));const fe=n.useRef(null);function he(){const e={play:[],pause:[],ended:[],timeupdate:[]};if(I){const t=e=>I({isPlaying:!e.target.paused,duration:e.target.duration}),n=e=>I({currentTime:e.target.currentTime});e.loadeddata=[e=>{Y(e.target)}],e.play.push(t),e.pause.push(t),e.ended.push(t),e.timeupdate.push(n)}return S&&me.current&&e.play.push(me.current.removePoster),P&&e.play.push((()=>P({type:"onPlay"}))),M&&e.pause.push((()=>M({type:"onPause"}))),L&&e.ended.push((()=>L({type:"onEnded"}))),N&&e.timeupdate.push((()=>N({type:"onProgress"}))),e}let pe=!1;fe.current||(fe.current=he(),pe=!0),n.useEffect((()=>{pe||(fe.current=he())}),[P,M,L,N,S,Y,I]);const ge=E&&y,ve=n.useCallback((()=>{var e;D&&(null==(e=me.current)||e.showPoster())}),[D]),{videoAPI:Ee,onClick:ye,onMouseEnter:xe,onMouseLeave:be,onMouseMove:_e,onKeyDown:we,mediaHandler:Re,setAudioContext:Ce,MEDIA_EVENTS:Te}=n.useMemo((()=>function(e){var t;let n,{playerRef:r,videoRef:a,playButtonRef:o,audioRef:i,isMobileView:s,autoplay:c,hasAudio:d,hasClick:l,hasRollIn:m,hasAudioRollIn:f,canClickPause:h,canRollPause:p,canReplay:g,extraMediaHandlers:v={},updateState:E=(()=>{}),onStop:y}=e,x=+((null==(t=r.current)?void 0:t.dataset.volume)||1);function b(e){if(!r.current||!a.current)return;const t="boolean"==typeof e?e:!a.current.muted;S=!t,t?_.mute():_.unmute()}const _={setVolume(e){x=e,a.current&&(a.current.volume=x),r.current&&(r.current.dataset.volume=x.toString())},play(e){r.current&&a.current&&(e&&(r.current.dataset.playing="",E({shouldPlay:!0})),o.current&&o.current.setAttribute("aria-pressed","true"),a.current.play(),A=!0)},pause(){r.current&&a.current&&(delete r.current.dataset.playing,o.current&&o.current.setAttribute("aria-pressed","false"),a.current.pause(),E({shouldPlay:!1}))},load:()=>{var e;return null==(e=a.current)?void 0:e.load()},stop(){r.current&&a.current&&(delete r.current.dataset.playing,o.current&&o.current.setAttribute("aria-pressed","false"),y&&y(),a.current.pause(),a.current.currentTime=0,E({shouldPlay:!1}))},togglePlay(){a.current&&(a.current.paused?_.play(!0):_.pause())},mute(){r.current&&a.current&&(a.current.muted=!0,r.current.dataset.audio="off",i.current&&i.current.setAttribute("aria-pressed","true"),E({isMuted:!0}))},unmute(e){if(!r.current||!a.current)return;const t=r.current,n=a.current;e?k(n):n.muted=!1,t.dataset.audio="on",i.current&&i.current.setAttribute("aria-pressed","false"),E({isMuted:!1})}};let w,R,C,T=!1,S=d,A=c||!l;const I={handleEvent(e){const t=e.type,n=r.current;"loadeddata"===t&&n&&(n.dataset.canPlay=""),"ended"===t&&n&&(g||(T=!0,n.dataset.stop=""),delete n.dataset.playing),v[t]&&v[t].length&&v[t].forEach((t=>t(e)))}},P=e=>{n&&n.resume();const t=r.current,o=a.current,s=i.current;t&&o&&!T&&(d&&s&&(L(t),s.contains(e.target))?b():o.paused?_.play(!0):h&&_.pause())},M=e=>{n&&n.resume();const t=r.current,o=a.current,s=i.current;if(!t||!o||T)return;const u=!c&&!t.dataset.touched,f="on"===t.dataset.touched;d&&(L(t),s&&s.contains(e.target))?b():((u||f)&&(o.paused?_.play(!0):(h||p)&&_.pause()),(l||m)&&(clearTimeout(C),t.dataset.touched="on",C=window.setTimeout((()=>t.dataset.touched="off"),1400)))},L=e=>{e.dataset.showAudio="",clearTimeout(R),R=window.setTimeout((()=>{delete e.dataset.showAudio}),2e3)},N=e=>{clearTimeout(R),delete e.dataset.showAudio},k=e=>{e.volume=0,e.muted=!1;let t=0;window.clearInterval(w),w=window.setInterval((()=>{t+=.2,t>=x?(e.volume=x,window.clearInterval(w)):e.volume=t}),200)},D=e=>{e.volume=x;let t=1;window.clearInterval(w),w=window.setInterval((()=>{t-=.2,t<=0?(e.volume=0,e.muted=!0,window.clearInterval(w)):e.volume=t}),200)},O=u()&&"ontouchend"in window&&s,F=s?void 0:e=>{if(![...de,...le].includes(e.key))return;e.preventDefault();const t=r.current,n=a.current,o=i.current;t&&n&&!T&&(o&&o.contains(e.target)?b():_.togglePlay())};let V;O?(d||l||m)&&(V=M):(d||l)&&(V=P);const $=!O&&(d||m||l)?()=>{const e=r.current,t=a.current;if(e&&t&&!T&&(m?_.play():l&&(e.dataset.rollIn=""),d&&A)){L(e);const r=!n||["running","interrupted"].includes(n.state);S&&r&&(f||m)&&t.muted&&_.unmute(!0)}}:void 0;return{videoAPI:_,onClick:V,onMouseEnter:$,onMouseLeave:!O&&(d||p||l)?()=>{const e=r.current,t=a.current;e&&t&&(p?t.pause():l&&delete e.dataset.rollIn,d&&(N(e),f&&!t.muted&&D(t)))}:void 0,onMouseMove:!O&&d?()=>{const e=r.current;e&&d&&A&&L(e)}:void 0,onKeyDown:F,mediaHandler:I,setAudioContext:function(){const e=window.AudioContext||window.webkitAudioContext;u()&&e&&a.current&&(n=new e)},MEDIA_EVENTS:new Set([...Object.keys(v),"loadeddata","ended"])}}({playerRef:O,videoRef:F,playButtonRef:$,audioRef:U,isMobileView:v,autoplay:K,hasAudio:ge,hasClick:X,hasRollIn:W,hasAudioRollIn:x,canClickPause:z,canRollPause:q,canReplay:w,extraMediaHandlers:fe.current||{},updateState:I,onStop:ve})),[v,K,X,W,x,z,q,w,I,ge,ve]);return ne((()=>{var e;if(ce&&O.current&&(U.current||(U.current=O.current.querySelector("[data-audio-mute]"))),ee(ue),null!=h&&null!=(e=h.video)&&null!=(e=e.videoInfo)&&e.isVideoDataExists||!O.current||delete O.current.dataset.showCanvas,!(ue||S&&!J)&&(S||ge||X)){var t,n;const e=function(e){let{playerRef:t,videoRef:n,onViewEnter:r,onViewLeave:a}=e;if(!u())return;const o={visible:!window.document.hidden,intersecting:!1},i=()=>{n.current&&t.current&&"playing"in t.current.dataset&&(o.visible=!window.document.hidden,o.visible&&o.intersecting?n.current.play():n.current.pause())};window.document.addEventListener("visibilitychange",i);let s=null;return t.current&&"function"==typeof window.IntersectionObserver&&(s=new window.IntersectionObserver((e=>{const i=t.current,s=n.current;s&&i&&e.forEach((e=>{s&&e.target===i&&(o.intersecting=e.isIntersecting,o.visible&&o.intersecting?(null==r||r(),"playing"in i.dataset&&s.src&&s.play()):(null==a||a(),s.pause()))}))})),s.observe(t.current)),function(){window.document.removeEventListener("visibilitychange",i),s&&(s.disconnect(),s=null)}}({playerRef:O,videoRef:F,onViewEnter:null==(t=me.current)?void 0:t.onViewEnter,onViewLeave:null==(n=me.current)?void 0:n.onViewLeave});return function(){var t;null==e||e(),null==(t=me.current)||t.killKampos()}}}),[S,J,me.current,ge]),n.useEffect((()=>{if(S&&!J)return;const e=F.current,t=new Set(Array.from(Te).concat(Object.keys(fe.current||{}).filter((e=>fe.current&&fe.current[e]&&fe.current[e].length))));return t.forEach((t=>{e&&!ue&&("loadeddata"===t&&e.readyState>=e.HAVE_CURRENT_DATA?(Re.handleEvent({type:t}),window.setTimeout((()=>Y(F.current)),200)):e.addEventListener(t,Re))})),Ce&&!ue&&Ce(),()=>{t.forEach((t=>{e&&e.removeEventListener(t,Re)}))}}),[S,J,Ce,Re,Te,ue,I,Y,null==h||null==(r=h.video)||null==(r=r.videoInfo)?void 0:r.isVideoDataExists]),n.useImperativeHandle(f,(()=>Ee)),n.useEffect((()=>{const e=O.current;!K&&e&&e.removeAttribute("data-playing")}),[K]),n.createElement("div",t()({id:a},c(e),{ref:O,className:s(ae,m,o,g(re.root,...i)),onClick:ce?ye:void 0,onMouseEnter:ce?xe:void 0,onMouseLeave:ce?be:void 0,onMouseMove:ce?_e:void 0,onKeyDown:ce?we:void 0,"data-audio":b?"off":"on","data-has-play":ce&&(X||W)?"":void 0,"data-no-audio":ce&&ge?void 0:"","data-playing":ce&&K?"":void 0,"data-stop":ce?void 0:"","data-animate-poster":S?C:void 0,"data-has-alpha":S?"true":void 0}),n.createElement("div",{ref:$,className:s(oe,{[se]:S}),tabIndex:0,role:"button","aria-label":A+" "+d.ariaLabel,"aria-pressed":K?"true":"false"},n.createElement(te,t()({},h,{getPlaceholder:k,reducedMotion:G,videoRef:F,canvasRef:S?V:void 0,extraClass:ie}))),ce?l:null)};const $e=(e,r)=>{const a=n.createElement(h,t()({id:e.id},e.meshProps),e.children);return n.createElement(Ve,t()({},e,{compRef:r,mediaControls:a}))};const Ue=e=>e.replace(/([A-Z])/g,(e=>"-"+e.toLowerCase()));var Be;const je={MediaPlayer_videoBox:{component:n.forwardRef($e),controller:(Be=e=>{let{stateValues:t,mapperProps:n}=e;const{reducedMotion:r}=t;return{...n,reducedMotion:r}},{useComponentProps:(e,t,n)=>{const r=(e=>({...e,updateStyles:t=>{const n=Object.entries(t).reduce(((e,t)=>{let[n,r]=t;return{...e,[(a=n,a.startsWith("--")?n:Ue(n))]:void 0===r?null:r};var a}),{});e.updateStyles(n)}}))(n);return Be({mapperProps:e,stateValues:t,controllerUtils:r})}})}}}(),o}()}));
//# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[MediaPlayer_videoBox].f28c6332.bundle.min.js.map